<script setup lang="ts">
/* 
  1、发送数据请求验证手机号是否被注册，如果没有被注册（有被注册给出弹出框）
  2、step1将手机号保存在本地，然后跳转到step2
  3、调用接口发送验证码
  4、发送数据请求，验证输入验证码是否正确
  5、验证通过跳转到step3
  6、设置密码，并再次输入验证密码
  7、将密码发送给服务器做最后的注册成功操作
  8、注册成功之后进入登录页面，然后进行登录操作
  9、发送给数据请求将手机号发送给后端进行登录

*/
//组件内的路由守卫
import { onBeforeRouteUpdate,onBeforeRouteLeave } from 'vue-router';
onBeforeRouteUpdate(()=>{
  console.log('路由更新');
})
onBeforeRouteLeave(()=>{
  console.log("路由离开");
  
})
</script>


<template>
  <main class="box">
    <header class="header">
      <slot name="left"></slot>
      <span>注册</span>
      <slot name="right"></slot>
     </header>

    <div class="content">
      <router-view></router-view>
    </div>
  </main>
</template>
<style  lang="scss">
.content{
    padding-top: 50px;
}
</style>